  // 去掉所有的滚动条
  ::-webkit-scrollbar {
      width: 0;
  }

  main {
      overflow: scroll;
      background-color: #61e7af;

      .swiper {
          width: 100%;
          height: 160px;

          .rotate-one {
              background: url(../../assets/imgs/index-swiper-bg2.jpg) no-repeat center;
              background-size: cover;
          }

          .rotate-two {
              background: url(../../assets/imgs/index-swiper-bg3.jpg) no-repeat center;
              background-size: cover;
          }
      }

      .user {
          height: 180px;
          background-color: #fff;
          margin-bottom: 10px;
          position: relative;

          #heahPic {
              width: 120px;
              height: 120px;
              border-radius: 50%;
              vertical-align: middle;
          }

          p {
              margin-top: 15px;
              color: #666;
              letter-spacing: 2px;
          }

          .icon-youjiantou {
              font-size: 30px;
              position: absolute;
              top: 40px;
              right: 10px;
          }
      }

      .clock_in {
          height: 70px;
          background-color: #fff;
          margin-bottom: 10px;

          .icon-daka-copy {
              color: #61e7af;
              font-weight: bolder;
              margin-right: 10px;

          }

          #today {
              width: 100px;
              height: 40px;
              border-radius: 20px;
              line-height: 40px;
              background-color: #51eaaa;
              font-weight: bolder;
              color: #34634f;
          }
      }


      .trends {
          height: 65px;
          background-color: #fff;
          margin-bottom: 10px;

          .icon-UI_icon_gongzuodongtai {
              color: #61e7af;
              margin-right: 10px;
          }
      }

      .data {
          // height: 120px;
          background-color: #fff;
          margin-bottom: 10px;

          a {
              padding: 10px 0;

              P {
                  margin-bottom: 20px;
                  color: #000;

                  .icon-shuju {
                      color: #61e7af;
                      margin-right: 10px;

                  }

                  .icon-youjiantou {

                      font-size: 30px;
                      margin-left: 220px;
                  }
              }

              li {
                  width: 50%;
                  height: 100px;
                  padding: 5px;
                  color: #bababa;

                  span {
                      font-size: 40px;
                      color: #61e7af;
                  }

                  &:last-child {
                      border-left: 1px dashed #ccc;

                  }
              }

          }


      }

      .badge {
          // height: 120px;

          background-color: #fff;
          margin-bottom: 10px;

          a {
              padding: 10px 0;

              p {
                  margin-bottom: 10px;
                  color: #000;

                  .icon-badge-myfull {
                      color: #61e7af;
                      margin-right: 10px;
                  }

                  .icon-youjiantou {

                      font-size: 30px;
                      margin-left: 185px;

                  }
              }

              li {

                  width: 100px;
                  height: 100px;
                  border-radius: 50%;
              }
          }

      }
  }